<template>
    <div class="bg_write search">
        <div class="time time1">
            <span>时间：</span>
            <div class="date">
                <el-radio-group v-model="times"  size="mini" class="s1">
                    <el-radio-button   label="今天"></el-radio-button>
                    <el-radio-button   label="昨天"></el-radio-button>
                    <el-radio-button    label="最近七天"></el-radio-button>
                    <el-radio-button   label="最近30天"></el-radio-button>
                </el-radio-group>
                <el-date-picker
                class="ss"
                    v-model="times"
                    type="datetimerange"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    size="mini"
                    value-format="yyyy/MM/dd"
                    :picker-options="pickerOptions1"
                    :default-time="['00:00:00', '23:59:59']">
                </el-date-picker>
            </div>
        </div>
        <div class="time time2">
            <span>设备：</span>
            <div class="date">
                <el-radio-group v-model="med"  size="mini" class="s1">
                    <el-radio-button  size="mini" label="全部"></el-radio-button>
                    <el-radio-button  size="mini" label="计算机"></el-radio-button>
                    <el-radio-button   size="mini" label="移动设备"></el-radio-button>
                </el-radio-group>
            </div>
            <span class="s2">访客：</span>
            <div class="date">
                <el-radio-group v-model="fangke"  size="mini" class="s1">
                    <el-radio-button  size="mini" label="全部"></el-radio-button>
                    <el-radio-button  size="mini" label="新访客"></el-radio-button>
                    <el-radio-button   size="mini" label="老访客"></el-radio-button>
                </el-radio-group>
            </div>
        </div>
        
    </div>
</template>
<script>
export default {
  data() {
    return {
      radio6: "",
      times: "",
      med: "全部",
      fangke: "全部",
      pickerOptions1: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        }
      }
    };
  }
};
</script>
<style lang="less" scoped>
@font_color: #797b7e;
.search {
  padding-left: 35px;
  text-align: left;
}
.date {
  display: inline-block;
}
.time > span {
  font-size: 12px;
  color: @font_color;
}
.s1 > label > span:not(:last-child) {
  border-left: none;
}
.s2 {
  padding-left: 20px;
}
.ss {
  margin-left: 12px;
  vertical-align: bottom;
  height: 100%;
}
.time1 {
  margin-bottom: 15px;
}
.time2 {
  padding-bottom: 38px;
}
</style>
